body, html{
margin:0px;
padding:0px;
height: 100%;
background-color: #1d2937 !important;
}

body{
font-family:Verdana, Arial, sans-serif;
font-size:10px;
line-height:1.5em;
color:#555555;
/*background: #1d2937 url(/support/images/bgimage_01.jpg) no-repeat 50% 111px;*/
}

p{
margin-top:0px;
margin-bottom:10px;
}
/*isnt working atm*/
td {
vertical-align: top;
padding:0px;
margin:0px;
}
img {
    border: 0 none;
}
a {
    text-decoration:none;
    color:#ffffff;
	outline:none;
}
a:link {
    
    color:#ffffff;
}
a:visited {
    background-color: transparent;
    color: #ffffff;
}
a:hover {
    color: orange;
    text-decoration: none;
}
a:active, a:focus {
    background-color: transparent;
    color: #ffffff;
}
ul, li {
    padding: 0;
    margin: 0;
}
ul {
    margin-left: 25px;    
    margin-top: 10px;    
}
.highlight{
	text-decoration:underline;
}

#technicaltitlebar{
background:url(../images/techsupport_title_bg.jpg) no-repeat top center;
height:53px;
margin-top: 51px;
position: relative;
background-color: #1d2939;
/*border: 1px solid red;*/
}
#technicallogo{
background:url(../images/wrench.png) no-repeat top left;
width:58px;
height:53px;
display:block;
position:absolute;
top: -45px;
left:5px;
cursor: pointer;
}
#technicaltitle{
background:url(../images/techsupport_title.png) no-repeat top left;
width:348px;
height:22px;
position: absolute;
top: -35px;
left:65px;
}
#titlestonebar{
background:url(../images/techsupport_title_stonebar.png) repeat-x;
width:100%;
height:7px;
position:absolute;
bottom: 0;
}
h1#technicalsupport, #articleUrl {
    display: none;
}
#srchitem {border:solid 0px; background-image:url(../images/contactbutton_bg_right.gif); background-position:top right; background-repeat:no-repeat; background-color:transparent; color:#FFFFFF; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; height:22px;}
#srchinput {border:solid 0px; background-image:url(../images/contactbutton_bg_left2.gif); background-position:top left; background-repeat:no-repeat; background-color:transparent; color:#00FF00; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; height:17px; padding-left:5px;padding-top:5px; width:90px; margin-right:-9px}
#searchhead{
position:absolute;
top:-32px;
right: 0; padding-right:240px;
width:195px;
height:23px;
z-index:3000;
}
#langselect{
background:url(../images/langselect_bg.gif) top left no-repeat;
position:absolute;
top:-32px;
right: 0;
width:119px;
height:23px;
z-index:3000;
}

#langselect span{
color:white;
position:absolute;
font-size:7pt;
top:4px;
left:30px;
}

#langselectflag{
width:20px;
height:14px;
position:absolute;
top:6px;
left:6px;
background-position: 0 0 !important;
} 

#langlist{
display:none;
border:solid 1px #3a628c;
width:117px;
position:absolute;
left:0px;
top:23px;
z-index:3000;
}

#langlist a{
background:url(../images/langlist_bg.png);
display:block;
padding:0;
font-size:7pt;
text-decoration:none;
width:100%;
overflow:hidden;
cursor:pointer;
}

#langlist a:hover{
/*background:url(/support/images/langlist_bg_hover.png);*/
background: none;
background-color: #2c5179;
}

#langlist a span{
position:static;
padding:2px 2px 2px 28px;
display:block;
width:100%;
}

.flagen{
background:url(../images/flag_eu.gif) 4px 4px no-repeat;
}

.flagde{
background:url(../images/flag_de.gif) 4px 4px no-repeat;
}

.flagfr{
background:url(../images/flag_fr.gif) 4px 4px no-repeat;
}

.flages{
background:url(../images/flag_es.gif) 4px 4px no-repeat;
}

.flagus{
background:url(../images/flag_us.gif) 4px 4px no-repeat;
}
#maintable{
margin: 0 auto;
}



body.wow {
    background: #1d2937 url(../images/bgstrip_wow.gif) repeat-x 0px 106px !important;
}
body.wow #subbody {
    background: url(../images/bgimage_wow.jpg) no-repeat 50% 53px;
}



#maintableleft {
background:url(../images/bg_shadow_left.png) repeat-y top right ;
width:16px;
}
#maintableright {
background:url(../images/bg_shadow_right.png) repeat-y top left ;
width:16px;
}
#maintablecenter{
width:970px;
}
body.splash #maintablecenter{
width:879px;
}
#maintablebottom {
    height: 80px;
}
#maintablebottomleft{
background:url(../images/bg_shadow_bottom_left.png) top right no-repeat;
}

#maintablebottomright{
background:url(../images/bg_shadow_bottom_right.png) top left no-repeat;
}

#maintablebottomtop {
background:url(../images/bg_shadow_bottom.png) top left repeat-x;
height: 16px;
}

.backplanetop{
background:#23384e url(../images/backplane_top.gif) top repeat-x;
}

.backplanebottom{
background:url(../images/backplane_bottom_in.gif) bottom repeat-x;
}

.backplaneleft{
background:url(../images/backplane_left_in.gif) left repeat-y;
}

.backplaneright{
background:url(../images/backplane_right_in.gif) right repeat-y;
}

.backplanetopleft{
/*background:url(/support/images/backplane_top_left_in.jpg) top left no-repeat;*/
background:#23384e url(../images/backplane_top.gif) top repeat-x;
}

.backplanetopright{
/*background:url(/support/images/backplane_top_right_in.jpg) top right no-repeat;*/
}

.backplanebottomleft{
background:url(../images/backplane_bottom_left_in.jpg) bottom left no-repeat;
}

.backplanebottomright{
background:url(../images/backplane_bottom_right_in.jpg) bottom right no-repeat;
}

#contenttable{
/*width:872px;*/
/*margin-left:4px;*/
padding-bottom:4px;
position:relative;
margin: 0;
padding: 0;
}

#contenttable td{
vertical-align:top;
}

#sidemenutd{
padding-top:4px;
}

#sidemenutd, #sidemenutdblocker{
width:190px;
}

#sidemenutdblocker{
margin:0;
padding:0;
height:0;
}

#gameworlds{
position:relative;
}

.sidemenuelementtop{
background:url(../images/sidemenu_top.png) top left no-repeat;
}

.sidemenuelementbottom{
background:url(../images/sidemenu_bottom.png) top left no-repeat;
height:30px;
}

#gameworldstitle, #quicklinkstitle{
position:relative;
width:173px;
height:16px;
top:10px;
left:9px;
}

h3.sifr-sidemenu {
text-align:center;
background-color: transparent;
text-transform:uppercase;
}

.sIFR-active h3.sifr-sidemenu {
visibility: hidden;
font-family: Verdana;
line-height: 1em;
font-size:10px;
}

#gameworldsbuttons{
position:relative;
top:30px;
left:8px;
padding-bottom:15px;
margin-top:-15px;
}

#warcraftuniversebutton, #diablouniversebutton, #starcraftuniversebutton, #arcadeuniversebutton, #registerbutton, #aboutbutton{
position:relative;
outline: none;
margin-bottom:3px;
width:177px;
height:40px;
}

#warcraftuniversebutton a, #diablouniversebutton a, #starcraftuniversebutton a, #arcadeuniversebutton a, #registerbutton a, #aboutbutton a{
display:block;
width:177px;
height:40px;
position:absolute;
}

#warcraftuniversebutton a{
background:url(../images/gameuniverse_warcraft.gif) no-repeat;
}

#registerbutton a{
background:url(../images/gameuniverse_register.gif) no-repeat;
}

#aboutbutton a{
background:url(../images/gameuniverse_about.gif) no-repeat;
}


#diablouniversebutton a{
background:url(../images/gameuniverse_diablo.gif) no-repeat;
}

#starcraftuniversebutton a{
background:url(../images/gameuniverse_starcraft.gif) no-repeat;
}

#starcraftuniversebutton.selectedgame a{
background:url(../images/gameuniverse_starcraft.gif) 0px -40px no-repeat;
}

#arcadeuniversebutton a{
background:url(../images/gameuniverse_arcade.gif) no-repeat;
}

#warcraftuniversebutton a:hover{
background:url(../images/gameuniverse_warcraft.gif) 0px -40px no-repeat;
}

#registerbutton a:hover{
background:url(../images/gameuniverse_register.gif) 0px -40px no-repeat;
}

#aboutbutton a:hover{
background:url(../images/gameuniverse_about.gif) 0px -40px no-repeat;
}

#diablouniversebutton a:hover{
background:url(../images/gameuniverse_diablo.gif) 0px -40px no-repeat;
}

#starcraftuniversebutton a:hover{
background:url(../images/gameuniverse_starcraft.gif) 0px -40px no-repeat;
}

#arcadeuniversebutton a:hover{
background:url(../images/gameuniverse_arcade.gif) 0px -40px no-repeat;
}

.gameuniverse_arrow_up{
background:url(../images/gameuniverse_arrow_up.png) no-repeat;
width:9px;
height:9px;
position:absolute;
top:17px;
left:147px;
display:block;
}

.gameuniverse_arrow_down{
background:url(../images/gameuniverse_arrow_down.png) no-repeat;
width:16px;
height:11px;
position:absolute;
top:17px;
left:147px;
display:block;
}

#warcraftgamebuttons div, #diablogamebuttons div, #arcadegamebuttons div, #aboutbuttons div{
width:165px;
height:22px;
position:relative;
left:11px;
margin-bottom:3px;
}

#warcraftgamebuttons a, #diablogamebuttons a, #arcadegamebuttons a , #aboutbuttons a{
width:165px;
height:22px;
display:block;
position:absolute;
}

#warcraftgamebuttons, #diablogamebuttons, #arcadegamebuttons , #aboutbuttons{
display:none;
}

#wowbutton a{
background:url(../images/gamebutton_wow.gif) no-repeat;
}

#wowbutton.selectedgame a{
background:url(../images/gamebutton_wow.gif) 0px -44px no-repeat;
}


#lvbutton a{
background:url(../images/gamebutton_vikings.gif) no-repeat;
}

#lvbutton.selectedgame a{
background:url(../images/gamebutton_vikings.gif) 0px -44px no-repeat;
}

#rrbutton a{
background:url(../images/gamebutton_rrracing.gif) no-repeat;
}

#rrbutton.selectedgame a{
background:url(../images/gamebutton_rrracing.gif) 0px -44px no-repeat;
}


#alvbutton a{
background:url(../images/gamebutton_server.gif) no-repeat;
}

#alvbutton.selectedgame a{
background:url(../images/gamebutton_server.gif) 0px -44px no-repeat;
}

#arrbutton a{
background:url(../images/gamebutton_staff.gif) no-repeat;
}

#arrbutton.selectedgame a{
background:url(../images/gamebutton_staff.gif) 0px -44px no-repeat;
}

#btbutton a{
background:url(../images/gamebutton_blackthorne.gif) no-repeat;
}

#btbutton.selectedgame a{
background:url(../images/gamebutton_blackthorne.gif) 0px -44px no-repeat;
}

#wowbutton a:hover, #wowbutton a:active{
background:url(../images/gamebutton_wow.gif) 0px -22px no-repeat;
}


#lvbutton a:hover, #lvbutton a:active{
background:url(../images/gamebutton_vikings.gif) 0px -22px no-repeat;
}

#rrbutton a:hover, #rrbutton a:active{
background:url(../images/gamebutton_rrracing.gif) 0px -22px no-repeat;
}


#alvbutton a:hover, #lvbutton a:active{
background:url(../images/gamebutton_server.gif) 0px -22px no-repeat;
}

#arrbutton a:hover, #rrbutton a:active{
background:url(../images/gamebutton_staff.gif) 0px -22px no-repeat;
}


#btbutton a:hover, #btbutton a:active{
background:url(../images/gamebutton_blackthorne.gif) 0px -22px no-repeat;
}

#quicklinks{
margin-top:-2px;
}
#quicklinkscontent{
position:relative;
width:160px;
/*_height:200px;
min-height: 200px;
*/top:33px;
left:15px;
padding-bottom:15px;
padding-top:5px;
margin-top:-15px;
}

#quicklinkscontent a{
/*display:block;
padding-bottom:11px;*/
font-size:8pt;
}

#quicklinkscontent a:link, #quicklinkscontent a:visited, .quicklinkstable a:link, .quicklinkstable a:visited{
text-decoration:none;
color: white;
}

#quicklinkscontent a:hover, #quicklinkscontent a:active, .quicklinkstable a:hover, .quicklinkstable a:active{
text-decoration:none;
color:orange;
}

ul.quicklinkslist{
list-style:url(../images/arrow_bullet.gif) outside;
margin-left:6px;
margin-top:0px;
padding-left:10px;
}

ul.quicklinkslist li{
margin-bottom:7px;
list-style:url(../images/arrow_bullet.gif) outside;
}

#rightcontent{
background: url(../images/whitepage_beginning.gif) repeat-y top right;
/*margin-left:192px;*/ /*commented*/
padding-left:0px;
}


.topitems{
background:#23384e url(../images/backplane_top.gif) top repeat-x;
padding-top:8px;
}

#whitepagebottom{
background:url(../images/whitepage_pencil.gif) no-repeat bottom right;
height:33px;
margin-bottom:4px;
position:relative top;
}
#whitepagebottom div {
background:url(../images/whitepage_with.gif) no-repeat bottom left;
height:33px;
}
#bottomitems{
height:71px;
padding-bottom:0px;
}

.searchbar{ background-image:url(../images/searchbar.gif); background-repeat:no-repeat;
position:relative;
height:34px; width: 750px;
z-index:2000;
}

.frontpage .searchinput {
width: 100%;
}
#productlisttop, #productlistbottom{
display:none;
/*background:#505050;*/
border:solid 1px white;
width:241px;
position:absolute;
overflow:hidden;
left:34px;
}


#contactbar{
background:url(../images/contactbutton_bg_right.gif) top right no-repeat;
display:block;
height:23px;
/*padding-right:5px;*/
outline: none;
/*margin-bottom:2px;*/
text-decoration:none !important;
position:absolute;
top:-32px;
right:128px;

z-index:3001;
}

.contactbarright{
background:url(../images/contactbutton_bg_left.gif) top left no-repeat;
height:23px;
text-align:right;
padding-right:30px;
}

.contactbarright span{
color:white;
font-size:7pt;
text-decoration:none !important;
position:relative;
top:4px;
padding-left:10px;
}

#contactarrow{
width:9px;
height:9px;
position:absolute;
top:7px;
right:8px;
overflow:hidden;
background-position: top right;
background-repeat:  no-repeat;
}

.contactarrowup{
background:url(../images/contactbar_arrow.gif) right -9px no-repeat;
}

.contactarrowdown{
background:url(../images/contactbar_arrow.gif) right top no-repeat;
height:9px;
}

#contactcontent{
display: none;
color:#FFFFFF;
/*background:#23384e;*/
border:solid 0px #777777;
margin-right:5px;
padding:5px 15px;
margin-bottom:2px;
font-size:10pt;
line-height:1.4em;
}

#contactcontent p{
background:transparent;
}

#contactcontent h3{
font-size:13pt;
text-align:center;
color:#ffffff;
margin-bottom: 5px;
background:transparent;
}

#contactcontent ul{
list-style:inside disc;
}

#contactcontent ul ul{
list-style-type:none;
margin-top:0px;
margin-bottom:10px;
}

a#contactbar{
cursor:pointer;
}

a#contactbar:hover{
background-position:right -23px;
}

a#contactbar:hover div.contactbarright{
background-position:left -23px;
}


.widemenumiddlefull:after, #blizzardtop:after {
    display: block;
    clear: both;
    height: 0;
    content: " ";
}

.title{
position:relative;
height:33px;
background:url(../images/titlebar_middle.gif) repeat-x;
}

.titleleft{
background:url(../images/titlebar_left.gif) no-repeat;
height:33px;
width:10px;
position:absolute;
top:0px;
left:0px;
}

.titlemiddle{

height:33px;
width:100%;
position:absolute;
top:0px;
left:10px;
}

.titleright{
background:url(../images/titlebar_right.gif) no-repeat;
height:33px;
width:15px;
position:absolute;
top:0px;
right:0px;
}

#newsicon{
width:32px;
height:36px;
position:absolute;
top:-1px;
left:5px;
}

#newsicon{
background:url(../images/titlebar_scroll.png) no-repeat;
}

#newstitle{
position:absolute;
top:4px;
left:40px;
width:100%;
}

.bigsplashtitle{
position:relative;
top:4px;
left:13px
}

h3.sifr-newstitle{
text-align:left;
background-color: transparent;
text-transform:uppercase;
margin-top:4px;
}

.sIFR-active h3.sifr-newstitle {
visibility: hidden;
font-family: Verdana;
line-height: 1em;
font-size:18px;
margin-top:0;
margin-bottom:0;
}
.whitepagetop{
background:url(../images/whitepage_withmylittleeye.gif) top right no-repeat;
/*margin-right:6px;*/
width:100%;
height: 100%;
}
td#communitychannel_something {
    background:url(../images/whitepage_something.gif) repeat-y top left;
}
.whitepagecorner{
background:url(../images/whitepage_ispy.gif)  no-repeat top left;
}

.whitepagecontent, #articlecontent, .whitepagetop {
    position: relative;
}
#articlecontent {
    padding-top: 5px;
    padding-left: 10px;
    width: 100%;
    min-height: 506px;
}

.articles{
font-size:10pt;
line-height:1.4em;
padding:10px 25px 0px 15px;
height: 100%;
}

.article{
padding: 0;
padding-bottom:20px;
position:relative;
}
/* Support News article Styles */ 
.articlecontent { width:645px; }



h2, h3, h4 {
    padding: 0;
    margin: 0 0 .3em;
}
h2 {
    font-size: 15px;  
}
h3 {
    font-size: 14px;
    font-family: "Century Gothic";
    font-weight: bold;
    letter-spacing: 1px;
}
h3 em {
    display: none;
}
h4 {
    margin: .8em 0 .3em;
    font-size: 16px;
/*text-decoration: underline;*/
    /*font-family: "Century Gothic";*/
/*    letter-spacing: 1px;*/
    font-weight: bold;
    color: #5e5e5e;
}

#blizzardtop{
position:absolute;
top:0;
left:0;
width:100%;
min-width: 900px;
background:url(../images/blizzardtop_middle.gif) repeat-x 0 0;
z-index: 20001;
}
.blizzardleft{
background:url(../images/blizzardtop_left.gif);
width:126px;
height:62px;
position:relative;
float: left;
}
a.blizzard-link, a.bnet-link {
    display: block; width: 126px; height: 62px;
}
.blizzardright{
background:url(../images/blizzardtop_right.gif);
width:126px;
height:63px;
position:absolute;
right: 0;
top: 0;
}
#blizzNavi {
    position: relative;
    height: 20px;
	font-size: 13px !important; 
    top: 30px;
    width: 700px;
    z-index: 2000005;
    margin: 0 auto;
}
#games, #inblizz, #store, #support {
    width: 24% !important;
    float: left;
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 22px;
    position: relative;
    display: block !important;
}
#games {
    width: 16%;
}
#games-drop, #inblizz-drop, #support-drop, #store-drop {
    display: none;
    padding-top: 22px;
    padding-left: 6px;
    position: absolute;
}
#blizzNavi ul {
    color: #fff;
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
}
#blizzNavi ul.linkList li span {
    color: #fff;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}
#blizzNavi ul.linkList li ul {
    margin-left: 5px;
}
#blizzNavi ul.linkList li ul li {
    line-height: 1.1;
}
#blizzNavi .rb-bridgetop span { background: url("../images/blizzMenu/rb-bridgetop.gif") no-repeat top left; height: 10px; width: 77px; position: absolute; top: 18px; left: 1px; }
#blizzNavi .rb-bridgetop div { background: url("../images/blizzMenu/rb-tright.gif") no-repeat top right; height: 6px; }
#blizzNavi .rbtop { background: url("../images/blizzMenu/rb-tleft.gif") no-repeat top left; height: 6px; }
#blizzNavi .rbtop div { background: url("../images/blizzMenu/rb-tright.gif") no-repeat top right; height: 6px; margin-left: 8px;}
#blizzNavi .rbbot { background: url("../images/blizzMenu/rb-bleft.gif") no-repeat top left; height: 6px; margin-bottom: 1px;}
#blizzNavi .rbbot div  { background: url("../images/blizzMenu/rb-bright.gif") no-repeat top right; height: 6px; margin-left: 8px; }
#blizzNavi .rbcontent-wrapper {
    background: url("../images/blizzMenu/rb-side.jpg") repeat-y top left;
    background-color: #22222a;
    z-index: 2000008;
    height: 100%; /* IE7 fix*/
}
#blizzNavi .rbcontent {
    background: url("../images/blizzMenu/rb-side.jpg") repeat-y top right;
    padding: 0 5px 2px;
}
#blizzNavi ul.linkList a { font-family: Geneva, Arial, Helvetica, sans-serif; color: #45acf6; font-weight: bold; text-decoration: none; font-size: 10px; }
#blizzNavi ul.linkList a:link { font-family: Geneva, Arial, Helvetica, sans-serif; color: #45acf6; font-weight: bold; text-decoration: none; font-size: 10px; }
#blizzNavi ul.linkList a:visited { font-family: Geneva, Arial, Helvetica, sans-serif; color: #45acf6; font-weight: bold; text-decoration: none; font-size: 10px;}
#blizzNavi ul.linkList a:hover	{ font-family: Geneva, Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; text-decoration: none; font-size: 10px;}
#blizzNavi ul.linkList a:active { font-family: Geneva, Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; text-decoration: none; font-size: 10px;}


#daBox {
    height: 1px;
    position: relative;
    z-index: 2001;
}
#loader {
    position: absolute;
    right: 16px;
    top: 12px;
    display: none;
	z-index:3000;
}
#loader span { 
    padding: 5px;
    position: relative;
    top: -2px;
}
#copyright a, #copyright a:link, #copyright a:active { 
	font-size: 11px;
	color: #ffb019;
	font-weight: bold;
    text-decoration: underline;
    font-size: 11px;
}
#copyright a:visited {
	font-size: 11px;
	color: #d29e3b;
	font-weight: bold;
}
#copyright a:hover {
	color: white;
	text-decoration: none;
	font-weight: bold;	
}
#copyright { 
    color: #e2e2e2;
    position: relative;
    vertical-align: middle;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
#copyright img {
    position: absolute; right: 5px; top: -3px;
} 
#confContainer h4 {
    padding: 0;
    margin-top: 0;
}
#breadcrumb {
    display: block;
    font-size: 10px;
    font-family: Verdana,Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-top: -10px;
    position: relative;
    margin-bottom: 10px;
}

#articlecontent table.stripesTable {
    width: 100%;
    border: 1px solid #e3e3e3;
    border-left: none;
    margin-top: 10px;
}
#articlecontent table.stripesTable th {
    background-color: #e5e5e5;
    color: #000;
    text-align: left;
    padding: 2px 4px;
    border-left: 1px solid #e3e3e3;    
}
#articlecontent table.stripesTable tr:hover td {
    background-color: #f6f6f6;
}
#articlecontent table.stripesTable tr.hilite:hover td {
    background-color: #e5e5e5;
}
#articlecontent table.stripesTable td {
    font-size: 8pt;
	padding: 3px 4px;
	border-left: 1px solid #e3e3e3;
}
#articlecontent table.stripesTable tr.hilite td {
	background-color: #f6f6f6;
	color: #555555;
}
.productSpan {
    background:url(../images/searchbar_arrow.jpg) no-repeat 100% 4px;    
    display: block;
}